.content {
  width: 100%;
  height: 100%;
  padding: 20px 20px 20px 20px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  
  .state {
    overflow: auto;
    zoom: 1;
    width: 100%;
    // background-color: red;
    .title {
      color: $text-theme-color;
      font-size: 18px;
      font-weight: 700;
      margin: 0px 0 16px 0px;
    }
    
    .left {
      float: left;
      .add-button{
        border: none;
        padding: 12px 0;
        width: 110px;
        height: 36px;
        background: $theme-color;
        border-radius: 4px;
        color: #ffffff;
      }
      .self-button {
        border: none;
        color: #ffffff;
        width: 105px;
        height: 36px;
        border-radius: 4px;
        padding: 12px 0;
      }
      
      .clear-button {
        padding: 12px 0;
        width: 90px;
        height: 36px;
        background: #ffffff;
        border: 1px solid #a6b6c6;
        border-radius: 4px;
      }
    }
    
    .rightForm {
      float: right;
      
      .el-input__inner {
        height: 36px;
      }
      .el-input__inner[style="height: 40px;"] {
        height: 36px !important;
      }
      .el-input__wrapper[style="height: 38px;"]{
        height: 36px;
      }
      .el-input el-input--suffix[style="height: 38px;"]{
        height: 36px;
      }
      .el-cascader__search-input{
        height: 22px !important;
      }
      .el-input__icon {
        line-height: 36px;
      }
      .search-button {
        border: none;
        padding: 12px 0;
        width: 56px;
        height: 36px;
        background: $theme-color;
        border-radius: 4px;
        color: #ffffff;
      }
      
      .clear-button {
        padding: 12px 0;
        width: 56px;
        height: 36px;
        background: #ffffff;
        border: 1px solid #a6b6c6;
        border-radius: 4px;
      }
    }
  }
  
  //.el-table__fixed,
  //.el-table__fixed-right {
  //  height: calc(100% - 10px) !important;
  //}
  
  .tablePage {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    
    .edit-button {
      height: 28px;
      padding: 0px 12px !important;
      line-height: 28px !important;
      background: $theme-color;
      border-radius: 4px;
      color: #ffffff;
      border: none;
      // padding: 0;
    }
    
    .delete-button {
      height: 28px;
      padding: 2px 12px !important;
      background: #f55a6e;
      border-radius: 4px;
      border: none;
    }
  }
}